﻿@{
    ViewBag.Title = "Users";
}

@section scripts
{

    <script src="~/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script language="javascript">
        $(document).ready(function () {
            $(".content").hide();
            $(".collapsible_heading").click(function () {
                $(this).next(".content").slideToggle(100);
            });
        });
    </script>   

    <link href="@Url.Content("~/Content/themes/base/jquery-tablesorter.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery.tablesorter.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('table').tablesorter({ headers: { 4: { sorter: false} }, sortList: [[0, 0]] });
        });
    </script>


}

<h2>
Current Users
</h2>
<br />

<div class="toggle">
    <div class="collapsible_heading">
        <div class="collapsible_heading_text">
        Employees
        </div>
    </div>
    <div class="content">
        @{Html.RenderAction("_Employees");}        
    </div>
        
    <div class="collapsible_heading">
        <div class="collapsible_heading_text">
        Applicants
        </div>
    </div>
    <div class="content">
        @{Html.RenderAction("_Applicants");}
    </div>

    <div class="collapsible_heading">
        <div class="collapsible_heading_text">
        Inactive Users
        </div>
    </div>
    <div class="content">
        @{Html.RenderAction("_InactiveApplicants");}
    </div>
</div>

<p>
    @Html.Partial("_EmployeeBottomNavBar", ViewData["AccessLevel"])
</p>
